import './assets/main.css'
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import { Tabbar, TabbarItem, Search, Icon, Loading, Skeleton } from 'vant'
import 'vant/lib/index.css'
import App from './App.vue'
import router from './router'
import './assets/common.scss'

const app = createApp(App)
app.use(createPinia())
app.use(router)
app.use(Tabbar)
app.use(TabbarItem)
app.use(Search)
app.use(Icon)
app.use(Loading)
app.use(Skeleton)
// 根节点字体大小的基准值，用于将像素转换为rem单位
const rootValue = 16;
// 设计稿的宽度，用于计算根节点字体大小
const rootWidth = 390;
// 获取当前设备的屏幕宽度
const deviceWidth = document.documentElement.clientWidth;
// 设置根节点的字体大小为屏幕宽度与设计稿宽度的比例乘以根节点字体大小的基准值
document.documentElement.style.fontSize = deviceWidth * rootValue / rootWidth + 'px';
app.mount('#app')
